<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <!-- import Vue before Element -->
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script src="../jquery.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style lang="scss" scoped>
        *{
            padding: 0px;
            margin: 0px;
        }
        html,body{
            width: 100%;
            overflow: hidden;
        }
        .seamless-warp {
            height: 500px;
            overflow: hidden;
            /* border: solid 1px black; */
        }
        .el-table__empty-block{
            display:none;
        }
        .center-left{
            position: absolute;
            left: 100px;
            top: 500px;
            width: 18%;
            height: 340px;
            background: green;
            padding: 30px;
            border-radius: 10px;
        }
    </style>
</head>


<body>
<div id="app">
    <img src="../WechatIMG122.jpeg" style="width: 100%;height: 400px;">
    <br>
    <br>
    <br>
    <br>
    <div class="center-left">
        <img src="../erweima.jpg" style="width: 100%;height: 340px;border-radius: 10px;">
<!--        <img src="../my.jpg" style="width: 100%;height: 340px;border-radius: 10px;">-->
    </div>


</div>



</body>

<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<script src="https://cdn.jsdelivr.net/npm/vue-seamless-scroll@latest/dist/vue-seamless-scroll.min.js"></script>

<script>
    var content = new Vue({
        el: '#app',
        data: {
            orderInfo: [{
                'title': '无缝滚动第一行无缝滚动第一行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第二行无缝滚动第二行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第三行无缝滚动第三行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第四行无缝滚动第四行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第二行无缝滚动第二行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第三行无缝滚动第三行',
                'date': '2017-12-16'
            }, {
                'title': '无缝滚动第四行无缝滚动第四行',
                'date': '2017-12-16'
            }],
            tableData: [],
        },
        created() {
            this.getData();
        },
        mounted: function () {
            window.setInterval(() => {
                setTimeout(this.getData, 0)
            }, 60000)
            // this.getData();
        },
        methods:{
            getData: function() {
                $.ajax({
                    type: "get",
                    url: "http://localhost:8082/xszc/getData",
                    success: function (msg) {
                        console.log(msg);

                        content.tableData = msg;
                        console.log(content.tableData);
                    },
                    error: function (msg) {
                        console.log(msg);
                    }
                });
                // $("#info_submit").attr("data-dismiss", "modal");
            },
        }
    })
</script>

</html>